:host,:root{--van-steps-background:var(--van-background-2)}.van-steps{background-color:var(--van-steps-background);overflow:hidden}.van-steps--horizontal{padding:2.66667vw 2.66667vw 0}.van-steps--horizontal .van-steps__items{display:flex;margin:0 0 2.66667vw;padding-bottom:5.86667vw;position:relative}.van-steps--vertical{padding:0 0 0 var(--van-padding-xl)}:host,:root{--van-step-text-color:var(--van-text-color-2);--van-step-active-color:var(--van-primary-color);--van-step-process-text-color:var(--van-text-color);--van-step-font-size:var(--van-font-size-md);--van-step-line-color:var(--van-border-color);--van-step-finish-line-color:var(--van-primary-color);--van-step-finish-text-color:var(--van-text-color);--van-step-icon-size:3.2vw;--van-step-circle-size:1.33333vw;--van-step-circle-color:var(--van-gray-6);--van-step-horizontal-title-font-size:var(--van-font-size-sm)}.van-step{color:var(--van-step-text-color);flex:1;font-size:var(--van-step-font-size);position:relative}.van-step__circle{background-color:var(--van-step-circle-color);border-radius:50%;display:block;height:var(--van-step-circle-size);width:var(--van-step-circle-size)}.van-step__line{background-color:var(--van-step-line-color);position:absolute;transition:background-color var(--van-duration-base)}.van-step--horizontal{float:left}.van-step--horizontal:first-child .van-step__title{margin-left:0;transform:none}.van-step--horizontal:last-child:not(:first-child){position:absolute;right:1px;width:auto}.van-step--horizontal:last-child:not(:first-child) .van-step__title{margin-left:0;transform:none}.van-step--horizontal:last-child:not(:first-child) .van-step__circle-container{left:auto;right:-2.4vw}.van-step--horizontal .van-step__circle-container{background-color:var(--van-background-2);left:calc(var(--van-padding-xs)*-1);padding:0 var(--van-padding-xs);position:absolute;top:8vw;transform:translateY(-50%);z-index:1}.van-step--horizontal .van-step__title{display:inline-block;font-size:var(--van-step-horizontal-title-font-size);margin-left:.8vw;transform:translate(-50%)}.van-step--horizontal .van-step__line{height:1px;left:0;top:8vw;width:100%}.van-step--horizontal .van-step__icon{display:block;font-size:var(--van-step-icon-size)}.van-step--horizontal .van-step--process{color:var(--van-step-process-text-color)}.van-step--vertical{display:block;float:none;line-height:var(--van-line-height-sm);padding:2.66667vw 2.66667vw 2.66667vw 0}.van-step--vertical:not(:last-child):after{border-bottom-width:1px}.van-step--vertical .van-step__circle-container{font-size:var(--van-step-icon-size);left:-4vw;line-height:1;position:absolute;top:5.06667vw;transform:translate(-50%,-50%);z-index:1}.van-step--vertical .van-step__line{height:100%;left:-4vw;top:4.26667vw;width:1px}.van-step:last-child .van-step__line{width:0}.van-step--finish{color:var(--van-step-finish-text-color)}.van-step--finish .van-step__circle,.van-step--finish .van-step__line{background-color:var(--van-step-finish-line-color)}.van-step__icon,.van-step__title{transition:color var(--van-duration-base)}.van-step__icon--active,.van-step__icon--finish,.van-step__title--active,.van-step__title--finish{color:var(--van-step-active-color)}